<template>
  <div>
    <!--  标题栏  -->
    <div>
      <div>
        <div><img src="../../.././assets/static/publicImg/back.png"></div>
        <div><span>支付</span></div>
        <div>
          <img src="../../.././assets/static/walletDetail/6.png">
        </div>
      </div>
    </div>
    <!--  钱包及操作  -->
    <div>
      <!--  钱包  -->
      <div>
        <!--  i.joozPay Wallet  -->
        <div>
          <img src="../../.././assets/static/walletDetail/4.png">
        </div>
        <!--  钱包余额  -->
        <div>
          <span>
            钱包余额
          </span>
        </div>
        <!--  图标和数额  -->
        <div>
          <img src="../../.././assets/static/walletDetail/12.png">
          <span>2017.25</span>
        </div>
      </div>
      <!--  充值和转账  -->
      <div>
        <!--  充值按钮  -->
        <div>
          <span>充值</span>
        </div>
        <!--  转账按钮  -->
        <div>
          <span>转账</span>
        </div>
      </div>
      <!--  如何保障您的钱包  -->
      <div>
        <span>如何保障您的钱包安全</span>
      </div>
      <!--  设置自动充值  -->
      <div>
        <!--  图标和自动充值  -->
        <div>
          <img src="../../.././assets/static/walletDetail/2.png">
          <span>自动充值</span>
        </div>
        <!--  马上设置和图标 -->
        <div>
          <span>马上设置</span>
          <img src="../../.././assets/static/walletDetail/3.png">
        </div>
      </div>
    </div>
    <!--  钱包交易记录  -->
    <div>
      <!--  标题  -->
      <div>
        <img src="../../.././assets/static/walletDetail/8.png">
        <span>钱包交易</span>
      </div>
      <!--  记录  -->
      <div>
        <!--  无数据 -->
        <div>
          <div>
            <img src="../../.././assets/static/walletDetail/7.png">
          </div>
          <div>
            <span>
              还没有任何活动！
            </span>
          </div>
          <div>
            <span>
              您的最近交易将显示在此处
            </span>
          </div>
        </div>
        <!--  有数据  -->
        <div>
          <div>
            <!--  搜索框  -->
            <div>
              <img src="../../.././assets/static/walletDetail/15.png">
              <span>搜索</span>
            </div>
            <!--  今天的活动记录  -->
            <div>
              <!--  收入  -->
              <div>
                <!--  图标、记录名称及时间  -->
                <div>
                  <!--  图标  -->
                  <div>
                    <img src="../../.././assets/static/walletDetail/14.png">
                  </div>
                  <!--  记录名称及时间  -->
                  <div>
                    <!--  记录名称  -->
                    <div>
                      <span>充值</span>
                    </div>
                    <!--  记录时间  -->
                    <div>
                      <span>10月8日 15:11</span>
                    </div>
                  </div>
                </div>
                <!--  是否消费  -->
                <div>
                  <span>+1000</span>
                </div>
              </div>
              <!--  支出  -->
              <div>
                <!--  图标、记录名称及时间  -->
                <div>
                  <!--  图标  -->
                  <div>
                    <img src="../../.././assets/static/walletDetail/14.png">
                  </div>
                  <!--  记录名称及时间  -->
                  <div>
                    <!--  记录名称  -->
                    <div>
                      <span>消费</span>
                    </div>
                    <!--  记录时间  -->
                    <div>
                      <span>10月8日 15:11</span>
                    </div>
                  </div>
                </div>
                <!--  是否消费  -->
                <div>
                  <span>-1000</span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
</script>

<style scoped>
span{


}
</style>
